<template>
 
	
		<view class="bottom-flex-actions-h" >
		<view class="bottom-flex-actions" :style="(!leftRadius?'border-radius: 0px 0px 0px 0px;':'')+'z-index:'+zindex+';background:'+ background +';height:'+heightupx+'rpx;'+';line-height:'+heightupx+'rpx;'">
			<slot></slot>
		</view>
		</view>
	 
</template>


<script>
	 export default {
	 	data() {
	 		return {
	 			 
	 		};
	 	},
	 	computed: {
	 		 
	 	},
	 	props: {
	 		zindex:"",background:'',heightupx:'',
			leftRadius:true,
			style:false
	 		 
	 	},
	 	methods: {
	 		 
	 	}
	 }

	 
</script>

<style lang="scss">
	.bottom-flex-actions-h{ 
		
		height: 128upx;
	
		.bottom-flex-actions{
			z-index: 990;
			display: flex;
			position: fixed;
			background: #FFFFFF;
			
			border-radius: 20upx 0px 0px 0px;
			box-shadow: 0px -2upx 0px 0px rgba(228,231,239,1);
			height: 108upx;
			 left:0; width: 100%;
			align-items: center;
			justify-content: space-around;
			box-sizing: content-box;
			bottom: var(--window-bottom);
			padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
			
		}	
	
	}
	.orderCover {
		z-index: 9999;
		height: 108rpx;
		position: fixed;
		bottom: 68rpx;
		width: calc(100% - 32rpx);
		left: 16rpx;
		border-radius: 16rpx;
		background: #fff;
		display: flex;
		overflow: hidden;
		box-shadow: 0px 12px 40px -12px rgba(166, 5, 35, 0.45);
		&>div:nth-child(1),
		&>div:nth-child(2) {
			padding: 16rpx 0 16rpx 40rpx;
	
			div:nth-child(1) {
				width: 44rpx;
				height: 36rpx;
				background: #F7F7F7;
				border-radius: 12rpx;
				padding-top: 8rpx;
	
				image {
					width: 28rpx;
					height: 28rpx;
					margin: 0rpx auto;
				}
			}
	
			div:nth-child(2) {
				margin-top: 4rpx;
				font-size: 20rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #999999;
			}
		}
	
		&>div:nth-child(3) {
			margin: 0 24rpx 0 40rpx;
			width: 1rpx;
			height: 108rpx;
			background-color: #e5e5e5;
	
		}
	
		&>div:nth-child(4) {
			line-height: 108rpx;
			font-size: 44rpx;
			font-family: DINAlternate;
			font-weight: bold;
			color: #F5CE00;
	
			span:nth-child(1) {
				font-size: 24rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #F5CE00;
			}
	
			span:nth-child(2) {
				font-size: 24rpx;
				font-family: PingFangSC-Regular;
				font-weight: 400;
				color: #999999;
			}
	
	
		}
	
		&>div:nth-child(5) {
			text-align: center;
			margin-left: auto;
			justify-content: flex-end;
			width: 292rpx;
			height: 108rpx;
			line-height: 108rpx;
			font-size: 32rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight:500;
			color: #FFFFFF;
			background: linear-gradient(135deg, #FF7D95 0%, #FF224B 100%);
	
		}
	}
	
	
	
	 
</style>
